@import "variables";

seed-form-select, seed-form-select-sex,seed-form-select-date{
  .seed-underline::before{
    z-index: 3;
  }
  .seed-item-select-wrap{
    position: relative;
    .place-holder{
      //width: 55%;
      position: absolute;
      right: 0;
      top: pxTorem(30px);
      text-align: right;
      margin-right: pxTorem(60px);
      pointer-events: none;
      color:color($h5,c4);
    }
    .seed-select-title{
      max-width: 45%;
      margin-right: pxTorem(20);
    }
    .seed-item-select{
      position: relative;
      padding: pxTorem(30px) 0 pxTorem(26) pxTorem(24px);
      display: flex;
      justify-content: space-between;
      line-height: initial;
      background-color: #fff;
      &.has-change{
        .select-placeholder{
          opacity: 0;
        }
        select{
          opacity: 1;
        }
      }
      .select-placeholder{
        position: absolute;
        right: pxTorem(60);
        top: 0;
        @include  set-color(c4);
        z-index: 0;
        max-width: 45%;
        height: 100%;
        //pointer-events: auto;
      }
      select{
        white-space: pre-wrap;
        width: 55%;
        opacity: 0;
        background-color: #fff;
        direction: rtl;
        border: none;
        -webkit-appearance:none;
        appearance:none;
        margin-right: pxTorem(60px);
        color: color($h5,c4);
        &.has-change{
          color: color($h5,c4);
        }
      }
      .arrow{
          position: absolute;
          right: pxTorem(14px);
          top: 0;
          height: 100%;
        .choose{
          display: inline-block;
          width: pxTorem(20px);
          height: pxTorem(30px);
          background: url('#{$icons-path}/arrow.png') no-repeat;
          background-size: contain;
          transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
        }
      }
    }
    .error-tip {
      text-align: right;
      color: color($h5, c11);
      background-color: #fff;
      font-size: standard($f, F6);
      padding: 0 pxTorem(26) pxTorem(26) 0;
    }
  }
}
